
  /**
  *电视看板样式 
  */ 


 @media (min-width: 912px) {
 	html, body {
    width:100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#1E3662, endColorStr=#04060C);
    /*IE*/
    background:-moz-linear-gradient(top, #1E3662, #04060C);
    /*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1E3662), to(#04060C));
    /*谷歌*/
    background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #1E3662), color-stop(1, #04060C));
    /* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#1E3662', endColorstr='#04060C');
    /*IE6 & IE7*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1E3662', endColorstr='#04060C')";
    /* IE8 */
    font-size: 25px;
    color: #FFFFFF;
 }
  
  .container {
    width: 912px;
	height:600px;
  }
   
 .top{
 	background: #2E4268;
 	height: 50px;
 	line-height: 50px;
 	vertical-align:middle;
  }
  
  .body{
  	height: 500px;
  	width: 100%;
  }
   
  .block{
  	height: 10px;
  	width: 100%;
  }
  
  .content-top{
  	height: 240px;
  	width: 100%;
  }
  
  .content-bottom{
  	height: 240px;
  	width: 100%;
  }
  
  .bottom{
    background: #030409;
  	height: 50px;
 	line-height: 50px;
 	vertical-align:middle;
  }
 
  #js-logo{
  	width: 100%;
  	height: 45px;
  }
  
  #shift{
  	width: 30%;
  	height: 25px;
  	text-align: right;
  }
  
  #equipmentModel{
  	font-size: 18px;
  }
  
  #workCenterName{
  	font-size: 18px;
  }
  
  .epichus-logo{
  	text-align: right;
  	margin-right: -35px;
  }
  
  #epichus-logo{
  	width: 107px;
  	height: 25px;
  	text-align: right;
  	margin-top: -15px;
  	margin-right: -15px;
  }
  
  #time{
  	font-size: 17px;
  	text-align: left;
  	margin-left: -13px;
  }
  
  #cl{
  	margin-top:-25px;
  	width: 55%;
  	height: 25px;
  }
  
  #startTime{
  	margin-top:-10px;
  	font-size: 15px;
  	margin-left: -30px;
  }
  
  #version{
  	font-size: 15px;
  	text-align: right;
  	margin-top:-10px; 
  	margin-right: -30px;	
  }
 
 
 #content-one{
 	background: rgb(89,97,117);
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	padding-top: 10px; 
	height: 230px;
	
 }
 
 #content-two{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	margin-right: 13px; 
	height: 230px;
	
 }
 
 .content-one-tr-J{
 	font-size: 13px;
 	margin-left: 10px;
 	
 }
 
 .content-one-tr-D{
 	font-size: 30px; 
 	text-align: center;
 	height: 50px;
 	padding-top: 5px;
 }
 
 .dcl{
 	font-size: 30px; 
 }

#content-three{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 
	padding-top: 5px;
	margin-right: 5px;
	height: 230px;
 }
 
 #content-three-table{
 	font-size: 15px;
 }
 
 #content-three-progress{
 	height: 20px;
 }

 #table-head-style{
 	font-size: 13px;
 }
 
 #dutyPerson{
 	background: #797A7E;
 	font-size: 15px;
 	margin-top: -10px;
 }
 
 #dutyImg{
 	width: 100%;
 	height: 50px;
	margin-top: -15px;
	margin-left: -25px;
 }
 
 .exception{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
 	font-size: 13px;
 	font-weight: normal;
 	height: 240px;
 	padding-left: 12px;
 	padding-top: 10px;
 }
 
 .ecJT{
 	font-size: 13px;
 	text-align: center;
 }
 
 .ecDT{
 	font-size: 22px;
 	margin-left: -25px;
 	margin-top: -8px;
 	font-weight: bold;
 }
 
 #exceptionContent{
 	line-height: 33px;
 	padding-left: 20px;
 	width: 90%;
 	margin-left: 5px;
 }
 
 .gywj{
 	background: #5A6275;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 	
	height: 240px;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
 }
 
 .gyImg{
 	height: 45px;
 	width: 100%;
 }
 
 
 .epichust-progress {
	  height: 10px;
	  margin-bottom: 20px;
	  overflow: hidden;
	  background-color: #f5f5f5;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.epichust-progress-bar {
	  float: left;
	  width: 0;
	  height: 100%;
	  font-size: 12px;
	  line-height: 10px;
	  color: #fff;
	  text-align: center;
	  background-color: #337ab7;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	  -webkit-transition: width .6s ease;
	       -o-transition: width .6s ease;
	          transition: width .6s ease;
}

.epichust-progress-bar-info {
  background-color: #599AD6;
}

.epichust-progress-bar-warning {
  background-color: #EC7C32;
}

.progressHeight{
	height: 12px;
}

.equip-pic-style1{
  width: 100%;
  height:20px;
  margin-top: -12px;
  background: #599AD6;
  text-align: left;
  }
  
  .equip-pic-style2{
	  width: 30%;
	  height:20px;
	  margin-top: -12px;	
	  background: #EC7C32;
	  text-align: left;
  }
  
  .jdl{
  	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
 	font-size: 13px;
 	font-weight: lighter;
 	height: 240px;
 	margin-left: -15px;
 	margin-right: -15px;

  }
  
  .equip{
  	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
 	font-size: 13px;
 	font-weight: lighter;
 	height: 230px;
 	
 	margin-left: -15px;
  }
  .p01 {
  	margin-left: 15px
  }
  
  .p12 {
  	margin-left: 15px
  }
  
  .t01{
  	margin-left: 18px
  }
  
  .t12{
  	margin-left: 18px
  }
  
  .op01{
  	margin-left: 15px
  }
  
  .op12{
  	margin-left: 15px
  }
  
  .equipImg{
  	height: 30px;
  	width:180%; 
  }
  
  .equipStateImg{
  	height: 20px;
  	width:40%; 
  	float: left;
  	margin-top: 5px
  }
  
  #opCode{
  	font-size: 3px;
 	font-weight: lighter;
  }
  
  .euipState{
  	margin-left: 15px
  }
  
 #RGVImag{
 	height: 20px;
  	width:100%;
 }
 
 #euipState{
 	font-size: 15px;
 	margin-top: 5px;
 }
 
 #fgx1{
 	padding-top: 5px;
 	padding-left: 20px;
 	
 }
 
 #fgx2{
 	padding-top: 5px;
 	padding-left: 20px;
 	
 }
 
 #fgx11{
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
	BORDER-LEFT: #DDD 3px dotted;width: 97% ;
	BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #fgx22{
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
    BORDER-LEFT: #DDD 3px dotted;width: 97% ;
    BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #kdl{
 	font-size: 13px;
 	margin-top:6px;
 	font-weight: normal;
 }
 
 .equipState{
 	text-align: center;
	font-size: 13px;
	margin-top:6px;
	margin-left: 10px;
	width: 120%;
	font-weight: normal;
 }
/*  #disconnect{
 	text-align: center;
 	font-size: 16px;
 	margin-left: 10px;
 	width: 120%;
 }
 
 #idle{
 	text-align: left;
 	
 }
 
 #run{
 	text-align: left;
 
 }
 
 #alarm{
 	text-align: left;
 
 } */
 
 
 #csd1{
 	position: absolute;
 	top: 123px;
 	left: 120px;
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
	BORDER-LEFT: #DDD 3px dotted;width: 35px ;
	BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #csd2{
 	position: absolute;
 	top: 162px;
 	left: 120px;
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
	BORDER-LEFT: #DDD 3px dotted;width: 35px ;
	BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #equipLine{
 	height:260px;
 	padding-top: 0px;
 	padding-left: 10px;
 	padding-right: 10px;		
 }
 .qualityPer{
 	height: 150px;
 	width:300px
 }
 #qualityPer{
 	height: 150px;
 	width:300px
 }
 
  #equipmentModel2 {
   	font-weight:bold;
   	font-size: 40px;
  }
 
 }
 
 @media (min-width: 1280px) {
 	html, body {
    width:100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#1E3662, endColorStr=#04060C);
    /*IE*/
    background:-moz-linear-gradient(top, #1E3662, #04060C);
    /*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1E3662), to(#04060C));
    /*谷歌*/
    background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #1E3662), color-stop(1, #04060C));
    /* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#1E3662', endColorstr='#04060C');
    /*IE6 & IE7*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1E3662', endColorstr='#04060C')";
    /* IE8 */
    font-size: 25px;
    color: #FFFFFF;
 }
  
  .container {
    width: 1280px;
	height:720px;
  }
   
 .top{
 	background: #2E4268;
 	height: 60px;
 	line-height: 60px;
 	vertical-align:middle;
  }
  
  .body{
  	height: 600px;
  	width: 100%;
  }
   
  .block{
  	height: 10px;
  	width: 100%;
  }
  
  .content-top{
  	height: 290px;
  	width: 100%;
  }
  
  .content-bottom{
  	height: 310px;
  	width: 100%;
  }
  
  .bottom{
    background: #030409;
  	height: 20px;
 	line-height: 20px;
 	vertical-align:middle;
  }
 
  #js-logo{
  	width: 70%;
  	height: 45px;
  }
  
  #shift{
  	width: 20%;
  	height: 25px;
  	text-align: right;
  }
   #equipmentModel{
  	font-size: 22px;
  }
  
  #workCenterName{
  	font-size: 22px;
  }
  
  .epichus-logo{
  	text-align: right;
  	margin-right: -35px;
  	
  }
  
  #epichus-logo{
  	width: 129px;
  	height: 30px;
  	text-align: right;
  	margin-top: 5px;
  	margin-right: -15px;
  }
  
  #time{
  	font-size: 25px;
  	text-align: left;
  	margin-left: -10px;
  }
  
  #cl{
  	margin-top:10px;
  	width: 35%;
  	height: 25px;
  }
  
  #startTime{
  	margin-top:10px;
  	font-size: 18px;
  	margin-left: -60px;
  }
  
  #version{
  	font-size: 18px;
  	text-align: right;
  	margin-top:10px;
  	margin-right: -80px;
  }
 
 #content-one{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	padding-top: 10px; 
	height: 280px;
	
 }
 
 #content-two{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	margin-right: 13px;
	height: 280px;
 }
 
 .content-one-tr-J{
 	font-size: 18px;
 	margin-left: 10px;
 	
 }
 
 .content-one-tr-D{
 	font-size: 35px; 
 	text-align: center;
 	height: 55px;
 	padding-top: 5px;
 }
 
 .dcl{
 	font-size: 35px;  	
 }

#content-three{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 
	padding-top: 5px;
	margin-right: 5px;
	height: 280px;
 }
 
 #content-three-table{
 	font-size: 20px;
 }
 
 #content-three-progress{
 	height: 20px;
 }
 
 #table-head-style{
 	font-size: 15px;
 }
 
 #dutyPerson{
 	background: #797A7E;
 	font-size: 23px;
 	margin-top: -10px;
 }
 
 #dutyImg{
 	width: 85%;
 	height: 72px;
	margin-top: -15px;
	margin-left: -25px;
 }
 
.exception{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
 	font-size: 18px;
 	font-weight: normal;
 	height: 310px;
 	padding-left: 12px;
 	padding-top: 10px;
 }
 
 .ecJT{
 	font-size: 18px;
 	text-align: center;
 }
 
 .ecDT{
 	font-size: 28px;
 	margin-left: -22px;
 	margin-top: -8px;
 }
 
 #exceptionContent{
 	line-height: 41px;
 	padding-left: 20px;
 	width: 90%;
 	margin-left: 9px;
 }
 
 .gywj{
 	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 	
	height: 310px;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
 }
 
 .gyImg{
 	height: 45px;
 	width: 95%;
 }
 
 
 .epichust-progress {
	 height: 15px;
	 margin-bottom: 20px;
	 overflow: hidden;
	 background-color: #f5f5f5;
	 border-radius: 4px;
	 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.epichust-progress-bar {
	  float: left;
	  width: 0;
	  height: 100%;
	  font-size: 12px;
	  line-height: 15px;
	  color: #fff;
	  text-align: center;
	  background-color: #337ab7;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	  -webkit-transition: width .6s ease;
	       -o-transition: width .6s ease;
	          transition: width .6s ease;
}

.epichust-progress-bar-info {
  background-color: #599AD6;
}

.epichust-progress-bar-warning {
  background-color: #EC7C32;
}

.progressHeight{
	height: 10px;
}

.equip-pic-style1{
  width: 100%;
  height:20px;
  margin-top: -12px;
  background: #599AD6;
  text-align: left;
  }
  
.equip-pic-style2{
	  width: 30%;
	  height:20px;
	  margin-top: -12px;	
	  background: #EC7C32;
	  text-align: left;
  }
  
.jdl{
  	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
 	font-size: 13px;
 	font-weight: lighter;
 	height: 310px;
 	margin-left: -15px;
 	margin-right: -15px;

  }
  
  .equip{
  	background: #5E6C87;
 	border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
 	font-size: 18px;
 	font-weight: lighter;
 	height: 280px;
 	
 	margin-left: -15px;
  }
  
  .equipImg{
  	height: 35px;
  	width:115%;
  	 
  } 
  .equipStateImg{
  	float: left;
  	margin-top: 5px
  	height: 25px;
  	width:26%; 
  }
  .equipState{
 	text-align: center;
	font-size: 13px;
	margin-top:6px;
	margin-left: -30px;
	width: 120%;
	font-weight: normal;
 }
  .t01{
  	margin-left: 32px
  }
  
   .t12{
  	margin-left: 32px
  }
  
  .p01{
  	margin-left: 28px
  }
  
  .p12{
  	margin-left: 28px
  }
  
  .op01{
  	margin-left: 28px
  }
  
  .op12{
  	margin-left: 28px
  }
  
  .euipState{
  	margin-left: 28px
  }
  
  #opCode{
  	font-size: 15px;
 	font-weight: lighter;
  }
  
 #RGVImag{
 	height: 20px;
  	width:100%;
 }
 
 #euipState{
 	font-size: 20px;
 	margin-top: 5px;
 }
 
 #fgx1{
 	padding-top: 5px;
 	padding-left: 28px;
 	
 }
 
 #fgx2{
 	padding-top: 5px;
 	padding-left: 28px;
 	
 }
 
 #fgx11{
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
	BORDER-LEFT: #DDD 3px dotted;width: 97% ;
	BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #fgx22{
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
    BORDER-LEFT: #DDD 3px dotted;width: 97% ;
    BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #kdl{
 	font-size: 15px; 	
 	font-weight: normal;
 	margin-top: 5px;
 }
 
 #csd1{
 	position: absolute;
 	top: 152px;
 	left: 185px;
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
	BORDER-LEFT: #DDD 3px dotted;width: 35px ;
	BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #csd2{
 	position: absolute;
 	top: 195px;
 	left: 185px;
 	BORDER-RIGHT: #DDD 3px dotted; BORDER-TOP: #DDD 3px dotted;
	BORDER-LEFT: #DDD 3px dotted;width: 35px ;
	BORDER-BOTTOM: #DDD 3px dotted;
 }
 
 #equipLine{
 	width: 95%;
 	height:310px;
 	padding-top: 10px;
 	padding-left: 10px;	
 }
 
 #qualityPer{
 	height: 230px;
 	width:420px
 }
 
 .qualityPer{
 	height: 230px;
 	width:420px
 }
 
  #equipmentModel2 {
	   font-weight:bold;
	   font-size: 80px;
  }
  
 }
 
